@import '~antd/es/style/themes/default.less';
.thumb{
  :global{
    .ant-avatar{
      // width: 4rem;
      // height: 4rem;
      img{
        object-fit: contain;
        border: 1px solid #428bca;
      }
    }
    
  }
  
}
.dataSource {
  ul {
    width: 50%;
    display: inline-block;
    margin: 0;
    padding: 0 0 0 10px;
    li {
      margin-bottom: 5px;
    }
  }
}
.previewModel {
  margin: 0;
  padding: 0;
  :global {
    .ant-modal-close {
      color: gray;
    }
  }
}
.PlanModel{
  :global{
    .ant-table-body{
      &::-webkit-scrollbar{
        width: 4px;
        background-color: transparent;
        box-shadow: 5px 5px 25px 0 rgba(217,217,217,.1);
      }
      &::-webkit-scrollbar-thumb {
          box-shadow: inset 0 0 6px rgba(217,217,217,.3);
          background-color:  rgba(217,217,217,.9);
      }
      &::-webkit-scrollbar-track {
          box-shadow: inset 0 0 6px rgba(217,217,217,.3);
          background-color: transparent;
      }
    }
  }
}
.RepackPlanModel{
  :global{
    .ant-modal-body{
      overflow-y: auto;
      max-height: 385px;
      &::-webkit-scrollbar{
        width: 4px;
        background-color: transparent;
        box-shadow: 5px 5px 25px 0 rgba(217,217,217,.1);
      }
      &::-webkit-scrollbar-thumb {
          box-shadow: inset 0 0 6px rgba(217,217,217,.3);
          background-color:  rgba(217,217,217,.9);
      }
      &::-webkit-scrollbar-track {
          box-shadow: inset 0 0 6px rgba(217,217,217,.3);
          background-color: transparent;
      }
    }
  }
}

.site_layout_background{
  background: #fff;
  margin: 24px 16px 0;
  padding: 24px;
  min-height: 280px;
  .noticeContent{
    :global{
      .ant-form-item-control{
        max-width: 822px;
        margin-top: 24px;
        .ant-form-item-control-input-content{
          &::after{
            display: block;
            color: rgba(0,0,0,.45);
            text-align: right;
            content: attr(data-count);
          }
        }
      }
      
    }  
  }
}

.notice{
  display: flex;
  :global{
    .left{
      // width: 822px;
      // min-width: 822px;
      // height: 486px;
      .gallery{
        width: 822px;
        min-width: 822px;
        height: 486px;
        background: url() 50% no-repeat;
        padding: 27px;
        .wrapper{
          display: flex;
          width: 100%;
          height: 100%;
          overflow: hidden;
          #notice-text{
            margin-bottom:0;
            white-space: nowrap;
          }
          .speed1{
            animation:fadeInLeft 10s linear infinite;
          }
          .speed2{
            animation:fadeInLeft 15s linear infinite;
          }
          .speed3{
            animation:fadeInLeft 30s linear infinite;
          }
        }
      }
      
    }
    .right{
      flex: 1 1 auto;
      // .notice-time{
      //   .ant-col{
      //     flex: 0 0 100%;
      //     max-width: 100%;
      //     text-align: left;
      //     padding-left: 10px;
      //   }
      // }
      .endLine::after{
        position: relative;
        left: 10px;
        display: block;
        width: calc(100% - 20px);
        height: 1px;
        background: rgba(0,0,0,.06);
        content: "";
      }
      .colorArea{
        width: 24px;
        height: 24px;
        display: block;
        border: 1px solid #DBDBDB;
        cursor: pointer;
      }
    }
  }
}
.footer{
  padding-top: 24px;
  margin: 0;
  text-align: center;
}
